<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <!--<script type="text/javascript" src="../../../lib/jquery-1.8.3.js"></script>-->
    <style type="text/css">
        html{ border:0 none;}
    </style>
</head>
<body style="height:2000px;">
<div id="div1" style="width:200px;height: 200px; border: 1px solid #f00; background: #ccc;">Normal</div>
<div id="div2" style="width:200px;height: 200px; border: 1px solid #f00; background: #ccc;">JQ</div>
<script type="text/javascript">
    var div1=document.getElementById('div1');
    //normal
    div1.onclick=function(ev){
        alert(document.documentElement.scrollTop);
        alert(document.documentElement.scrollLeft);
        console.dir(ev || window.event);
    };
   /* $('#div2').click(function(ev){
        console.log(ev);
    });*/
</script>
</body>
</html>